<!--
 * @Author: your name
 * @Date: 2019-12-18 14:59:21
 * @LastEditTime : 2019-12-18 14:59:39
 * @LastEditors  : Please set LastEditors
 * @Description: 返回箭头
 * @FilePath: \blessingvue\src\components\BackIcon.vue
 -->
<template>
  <svg
    t="1576652333573"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="10886"
    width="20"
    height="20"
  >
    <path
      d="M248.985754 562.401363l433.21012 440.055578a72.279984 72.279984 0 0 0 102.144973 0.805348 57.179709 57.179709 0 0 0 0.604011-80.534802l-454.350505-461.531524a57.179709 57.179709 0 0 0-80.803251-0.939573A72.279984 72.279984 0 0 0 248.985754 562.401363z"
      p-id="10887"
      :fill="color"
    />
    <path
      d="M340.526979 552.401625l440.055577-433.143007A72.279984 72.279984 0 0 0 781.387904 17.046533a57.179709 57.179709 0 0 0-80.534801-0.604011L238.986017 470.725914a57.112597 57.112597 0 0 0-0.604011 80.870363 72.279984 72.279984 0 0 0 102.144973 0.805348z"
      p-id="10888"
      :fill="color"
    />
  </svg>
</template>

<script>
export default {
    name:'BackIcon',
    props:{
        color:String,
        default:'#515151'
    }
}
</script>

<style scoped>
.icon{
  display: inline-block;
}
</style>